﻿@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; line-height: 22px; font-family: "微软雅黑"; -webkit-text-size-adjust: none; color: #333; background:#f5ead1 }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0; }
h3, h4, h5, h6{ font-weight:100}
img { border: 0; vertical-align: bottom; }
ul, li { list-style-type: none; }
a { color: #333; text-decoration: none; transition: all 0.3s; }

.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.fb { font-weight: bold; }
.fnb { font-weight: 200; margin-left: -1px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.font_s { font-family: "宋体"; }
.min_w { min-width: 1200px; }
.container { width: 1195px; margin: 0 auto; }
.con100{ width:100%; display:block}
.con100 .con{ width:1200px; margin:0px auto; padding:0}
.con100 .con .title{ width: 385px; margin:0px auto; height:110px; }
.con100 .con .title h3{ font-size:30px; color:#5f4104; display:block; text-align:center; line-height:50px; background:url(../images/title_line.png) no-repeat center 60px; height:70px}
.con100 .con .title h3 a{color:#5f4104;}
.con100 .con .title h4{ font-size:18px; color:#666666; text-align:center;  line-height:50px}
.con100 .con .tit{ width:100%; text-align:center}
.con100 .con .tit a{ display:inline-block; margin:10px; padding:0 10px; line-height:40px; border:solid 1px #dfb866; color:#ac4811; font-size:16px; text-align:center; }
.con100 .con .tit a:hover{ background:#dfb866}
/*header*/
.header{ background:#25201d url(../images/line.jpg) no-repeat center bottom; width:100%; height:104px; padding:0 0 3px}
.header .con{ width:1200px; height:104px; margin:0px auto; padding:0; position:relative}
.header .con .logo{ width:402px; height:104px; position:absolute; left:0px; padding:36px 0 0; text-align:left;}
.header .con .nav{ width:700px; height:104px; position:absolute; right:0px; padding:36px 0 0; text-align:left;}
.header .con .nav li{ float:left}
.header .con .nav li a{ width:100px; text-align:center; display:block; font-size:12px}
.header .con .nav li a span{ color:#dfb866; font-size:16px; line-height:20px; display:block}
.header .con .nav li a i{ color:#8b6d2f; float-size:12px;line-height:20px; display:block; font-style:normal;}
/*banner*/
.fullSlide{ width:100%;  position:relative;  height:616px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:616px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:616px; }

/*产品中心*/
.pro{ background:#f5ead1; height:500px; padding:30px 0 0; margin:0}
.picMarquee-left{ width:1240px; position:relative; margin:10px auto 0}
.picMarquee-left  .prev{ display:block;  width:38px; height:50px; overflow:hidden; cursor:pointer; background:url(../images/pre.png) no-repeat; position:absolute; left:-50px; top:120px;}
.picMarquee-left .next{ display:block;  width:38px; height:50px; overflow:hidden; cursor:pointer; background:url(../images/next.png) no-repeat; position:absolute;  top:120px; right:-50px}

.picMarquee-left .hd .prevStop{ background-position:0; }
.picMarquee-left .hd .nextStop{ background-position:0; }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left ul li a{ width:290px}
.picMarquee-left ul li a img{ width:290px; height:240px;}
.picMarquee-left ul li a span{ display:block; width:290px; background:#dfb866; line-height:38px; position:relative; text-align:center; color:#a83c06}
.picMarquee-left ul li a span i{ display:block; width:27px; height:15px; background: url(../images/dot.png) no-repeat; position:absolute; top:-15px; left:128px}

/*优势*/
.ys{ background:url(../images/bg.jpg) no-repeat left ; height:569px; padding:0; margin:0; width:100%}
.ys .bg{/* background: url(../images/ys_bg2.jpg) no-repeat right; */height:569px; padding:0; margin:0; width:100%}
.ys .bg .w1200{ width:1200px; margin:0px auto;}
.ys .bg .w1200 .title{ width:417px; float:left; height:482px; padding:87px 101px 0 0}
.ys .bg .w1200 .title h3{background: url(../images/kuang.png) no-repeat right; height:371px; padding:72px 15px 0 0}
.ys .bg .w1200 .title h3 span{ display:block; text-align:right}
.ys .bg .w1200 .title h3 span.s1{ font-size:36px; line-height:36px; color:#000;margin-bottom: 10px}
.ys .bg .w1200 .title h3 span.s2{ font-size:16px; line-height:25px; color:#000}
.ys .bg .w1200 .title h3 a{ height:42px; line-height:42px;  color:#FFFFFF; line-height:42px; display:block; position:relative; margin:30px 0 0}
.ys .bg .w1200 .title h3 a i{font-size:14px; font-style:normal;display: block; text-align:center; position:absolute; height:42px; right:42px }
.ys .bg .w1200 .title h3 a i.i1{width:118px;background:#767775;}
.ys .bg .w1200 .title h3 a i.i2{ font-family: "宋体"; top:0px; right:0px; width:42px;  background:#dfb866}
.ys .bg .w1200 .title h3 span.s3{ font-size:18px; line-height:30px; color:#000; margin:100px 0 0;}
.ys .bg .w1200 ul{ width:603px; float:left; height:482px; padding:87px 0px 0 0}
.ys .bg .w1200 ul li{ height:100px; position:relative; margin:0 0 50px}
.ys .bg .w1200 ul li h4 { display:block; background:url(../images/ys_dot.png) no-repeat; height:75px; width:75px; position:absolute; left:-5px}
.ys .bg .w1200 ul li h3{ display:block; width:480px; position:absolute; left:100px}
.ys .bg .w1200 ul li h3 span{ display:block}
.ys .bg .w1200 ul li h3 span.s1{ font-size:18px; color:#5f4104; line-height:30px;font-weight: bold;}
.ys .bg .w1200 ul li h3 span.s2{ font-size: 14px; color:#5f4104; line-height:27px}
.ys .bg .w1200 ul li h3 span.s3{ font-size: 14px; color:#000; line-height:24px}

/*加盟*/

.jobs{ background:#fcf8ef; height:762px; padding:30px 0 0; margin:0}
.jobs .img{ background:url(../images/b_banner.jpg) no-repeat; height:120px; display:block; position: relative; width:1200px; margin:30px auto}
.jobs .img span{ position:absolute; width:400px; left:50px; display:block; line-height:80px; font-size:42px; color:#b96a1d; top:20px}
.jobs .img a{ height:42px; line-height:42px;  color:#FFFFFF; line-height:42px; display:block; position: absolute; margin:30px 0 0; right:0; bottom:0}
.jobs .img a i{font-size:14px; font-style:normal;display: block; text-align:center; position:absolute; height:42px; right:42px }
.jobs .img a i.i1{width:118px;background:#232323;}
.jobs .img a i.i2{ font-family: "宋体"; top:0px; right:0px; width:42px;  background:#dfb867; color:#232323}
.jobs .titl{ background:url(../images/sp_dot.png) no-repeat left top; padding:0 0 0 35px; font-size:18px; color:#5f4104}
.jobs .titl span{font-size:12px; color:#a6a6a6; display:block}
.jobs .pic{ float:left; width:800px;}
.jobs .pic ul{ margin:10px 0;}
.jobs .pic ul li{ width:245px; height:172px; margin:10px 20px 10px 0; float:left; position:relative}
.jobs .pic ul li img{ width:245px; height:172px;}
.jobs .pic ul li a{ width:100%; position:absolute; bottom:0px; left:0; height:30px; background:#000; opacity: 0.7; text-align:center; color:#FFF; line-height:30px}
.jobs .liuyan{ float: right; width:390px;}
.jobs .liuyan .bd{ background:#f5ead1; width:350px; height:326px; margin:20px 0 0 0; padding:40px 0 0 40px}
.jobs .liuyan .bd li{ height:60px; line-height:30px;}
.jobs .liuyan .bd li label{ width:60px; text-align:left}
.jobs .liuyan .bd li .input { width:250px; border:solid 1px #f1d394; height:33px; background:#FFFFFF; line-height:33px}
.jobs .liuyan .bd li .input1{ width:250px; border:solid 1px #f1d394; height:63px; background:#FFFFFF; line-height:27px}
.jobs .liuyan .bd li .online_sub {width:252px; border:solid 1px #f1d394; height:33px; background:#5f4104; line-height:27px; color:#FFFFFF; margin:15px 0 0 42px}

/*关于我们*/
.about{ background:#f5ead1; height:596px; padding:30px 0 0; margin:0}
.about .contain{ border:solid 4px #dfb867; height:296px;  width:100%; margin:50px 0; position:relative}
.about .contain i{ background:url(../images/dot3.png) no-repeat; width:85px; height:120px; top:-90px; left:0px; display:block; position:absolute}
.about .contain .img{ position:absolute; width:416px; height:404px; right:42px; top:-60px}
.about .contain .img p{ background:#000; opacity: 0.7; height:30px; position:absolute; bottom:0px; z-index:55}
.about .contain .img p a{ width:135px; display:inline-block; text-align:center; color:#FFFFFF; line-height:30px}
.about .contain .img .a1{ height:42px; line-height:42px;  color:#FFFFFF; width:160px; display:block; position: absolute; right:-42px; top:200px}
.about .contain .img .a1 em{font-size:14px; font-style:normal;display: block; text-align:center;height:42px; position:absolute}
.about .contain .img .a1 em.i1{width:118px;background:#232323;}
.about .contain .img .a1 em.i2{ font-family: "宋体";  width:42px;  background:#dfb867; color:#232323; right:0}
.about .contain .left{ width:150px; float:left; text-align:left; padding:120px 0px 50px 50px}
.about .contain .left a{ display:block; border:solid 1px #dfb867; width:118px; height:42px; line-height:42px; text-align:center; color:#dfb867; margin:30px 0 0}
.about .contain .right{ width:500px; float:left; padding:30px 0 0; font-size:16px; line-height:27px}
/*xinwen*/
.news{ background:#fcf8ef; height:596px; padding:30px 0 0; margin:0}
.news .img{ width:553px; height:399px; float:left; margin:30px 0 0}

.focusBox { position: relative; width:553px; height:399px; overflow: hidden; }
	.focusBox .pic img { width:553px; height:399px; display: block; }
	.focusBox .pic span{ position:absolute; bottom:0px; left:0px; height:30px; line-height:30px; line-height:30px;opacity:.6; display:block; text-align:center; color:#FFFFFF}
	.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
	.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:10px; height:10px; cursor:pointer; overflow:hidden; background:#5f4104; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
	.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

	.focusBox .prev,
	.focusBox .next { width:38px; height:61px; position:absolute; top:200px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.7; opacity:.7; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.focusBox .prev { background:url(../images/N1675.gif); background-position:0px 0; left:0 }
	.focusBox .next { background:url(../images/N1675.gif); background-position:38px 0; right:1px }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }

.news .list{ width:618px; float:right; margin:20px 0 0}
.news .list li{ margin:10px 0 5px; border-bottom:dashed 1px #CCCCCC}
.news .list li a{ font-size:16px; line-height:33px}
.news .list li a.a1{ color:#5f4104;}
.news .list li span{ font-size:14px; color:#999999; display:block}
.news .list li span a{color:#5f4104; font-size:14px}
.news .list li i{ font-size:16px; color:#999999; float:right; font-style:normal}

.footer{ background:#272626; height:142px;}
.footer .con{ display:block; position:relative;height:142px;}
.footer .con .logo{ width:195px; height:100px; background:#5f4104; opacity: 0.7; position:absolute; left:0px; bottom:-00px; padding:68px 0 0; text-align:center}

.footer .con .nav{ width:1200px; text-align:center; color:#dfb866; line-height:35px; padding:20px 0}
.footer .con .nav a{ display:inline-block; margin:0 15px; color:#dfb866;}
.footer .con .text{ text-align:center; line-height:30px; color:#908a7c}
/*fenye*/
.page1{text-align:  center; margin:30px auto 50px}
.page1 a{ display: inline-block; padding:0 10px;height:30px;line-height: 30px;color:#a83c06;  margin:0 5px;cursor: pointer; border:solid 1px #dfb866}
.page1 a:hover{color:#a83c06;background: #dfb866;}
.page{text-align: left; margin:30px auto 50px; width:1200px;}
.page a{ display: inline-block; width:48%; text-align:left}
.page a.a1{ text-align:right}
.page a:hover{color:#a83c06;background: #dfb866;}

/*产品页面*/
.prolist{ background:#f5ead1}
.prolist ul{ width:1200px; padding:10px 0 20px; margin:0 auto}
.prolist ul li{ margin:10px 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.prolist ul li a{ width:290px}
.prolist ul li a img{ width:290px; height:240px;}
.prolist ul li a span{ display:block; width:290px; background:#dfb866; line-height:38px; position:relative; text-align:center; color:#a83c06}
.prolist ul li a span i{ display:block; width:27px; height:15px; background: url(../images/dot.png) no-repeat; position:absolute; top:-15px; left:128px}
/*新闻中心*/
.newslist{ width:1200px; padding:10px 0 20px; margin:0 auto}
.newslist li{ width:100%; border-left:solid 5px #5f4104; height:85px; background:#f7e0b0; margin:10px 0; padding:10px 0}
.newslist li h3{ width:102px; font-size:72px; border-right:solid 1px #959595; color:#959595; float:left; line-height:80px; text-align:center}
.newslist li a{ width:1180px;display:block;padding-left:20px;}
.newslist li a span{ display:block; line-height:27px}
.newslist li a span.s{ font-size:16px; color:#333333;}
.newslist li a span.s1{ font-size:14px; color:#999999}

.newslist li:hover{ width:100%; border-left:solid 5px #5f4104; height:85px; background:#5f4104; margin:10px 0; padding:10px 0}
.newslist li:hover h3{ width:102px; font-size:72px; border-right:solid 1px #ffffff; color:#ffffff; float:left; line-height:80px; text-align:center}
.newslist li:hover a{ width:1150px; float:right; display:block; padding:0 20px 0}
.newslist li:hover a span{ display:block; line-height:27px}
.newslist li:hover a span.s{ font-size:16px; color:#ffffff;}
.newslist li:hover a span.s1{ font-size:14px; color:#ffffff}


/*xiangqing*/

.danye{ width:1200px; margin:0 auto}
.danye h1{ font-size:20px; text-align:center; line-height:45px}
.danye h3{ border-bottom:solid 1px #e6e3e3; line-height:30px; font-size:14px; color:#666666; text-align:center}
.danye h3 a{ color:#5f4104}
.danye .text{ /*padding:30px 0 10px*/}

@media (max-width: 1080px){
	body{width:133%;}
}